<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<meta name="description" content="Responsive Bootstrap 4 Admin &amp; Dashboard Template">
	<meta name="author" content="Bootlab">

	<title>AppStack - Responsive Admin &amp; Dashboard Template</title>

	<link href="css/classic.css" rel="stylesheet">
	<link href="css/ext.css" rel="stylesheet">
	<script src="js/settings.js"></script>

</head>

<body>
	<div class="wrapper">

		<nav class="sidebar">
			<div class="sidebar-content ">
				<a class="sidebar-brand" href="index.html">
					<i class="align-middle" data-feather="command"></i>
					<span class="align-middle">供应链金融平台</span>
				</a>

				<ul id='sidebar-menu' class="sidebar-nav">
					<script id="script_menu" type="text/x-handlebars-template">

						{{#each menuitems}}
							<li class="sidebar-header">
								{{title}}
							</li>
							{{#if groups}}
								{{#each groups}}
									<li class="sidebar-item" {{#if ../actived }} active {{/if}}>
									 				 
										<a href="{{href}}" data-toggle="collapse" class="sidebar-link 	{{#if this.actived}} {{else}} collapsed {{/if}}">
											<i class="align-middle" data-feather={{icon}}></i> <span class="align-middle">{{title}}</span>
										</a>
								 
										{{#if items}}
											<ul id="{{id}}" class="sidebar-dropdown list-unstyled collapse  	{{#if this.actived}} show {{else}} {{/if}}">
												{{#each items}}
										
													<li class="sidebar-item {{#if actived}} active {{/if}}">													
														<a class="sidebar-link " href={{href}}>{{title}}</a>
													</li>
												{{/each}}
											</ul>
										{{/if}}
									</li>
								{{/each}}
							{{/if}}
						{{/each}}
					</script>
				</ul>

				<div class="sidebar-bottom d-none d-lg-block">
					<div class="media">
						<img class="rounded-circle mr-3" src="img/avatar.jpg" alt="Chris Wood" width="40" height="40">
						<div class="media-body">
							<h5 class="mb-1 text-white">Chris Wood</h5>
							<div class="text-light">
								<i class="fas fa-circle text-success"></i> Online
							</div>
						</div>
					</div>
				</div>

			</div>
		</nav>

		<div class="main">
			<nav class="navbar navbar-expand navbar-light bg-white">
				<a class="sidebar-toggle d-flex mr-2">
					<i class="hamburger align-self-center"></i>
				</a>

				<form class="form-inline d-none d-sm-inline-block">
					<input class="form-control form-control-no-border mr-sm-2" type="text"
						placeholder="Search projects..." aria-label="Search">
				</form>


				<div class="navbar-collapse collapse">
					<ul class="navbar-nav ml-auto">
						<li class="nav-item dropdown">
							<a class="nav-icon dropdown-toggle" href="#" id="messagesDropdown" data-toggle="dropdown">
								<div class="position-relative">
									<i class="align-middle" data-feather="message-circle"></i>
									<span class="indicator">4</span>
								</div>
							</a>
							<div id="messages" class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0"
								aria-labelledby="messagesDropdown">
								<script id="script_messages" type="text/x-handlebars-template">
								<div class="dropdown-menu-header">
									<div class="position-relative">
											{{total}}  New Messages
									</div>
								</div>
								<div class="list-group">
									{{#each items}}
									<a href="#" class="list-group-item">
										<div class="row no-gutters align-items-center">
											<div class="col-2">
												 
												<img src="{{avatar}}" class="avatar img-fluid rounded-circle" alt="{{who}}">
											</div>
											<div class="col-10 pl-2">
												<div class="text-dark">{{who}}</div>
												<div class="text-muted small mt-1">{{content}}</div>
												<div class="text-muted small mt-1">{{time}}</div>
											</div>
										</div>
									</a>
								 	{{/each}}
								</div>
								<div class="dropdown-menu-footer">
									<a href="#" class="text-muted">Show all messages</a>
								</div>
								</script>
							</div>
						</li>
						<li class="nav-item dropdown">
							<a class="nav-icon dropdown-toggle" href="#" id="alertsDropdown" data-toggle="dropdown">
								<div class="position-relative">
									<i class="align-middle" data-feather="bell-off"></i>
								</div>
							</a>
							<div id="alerts" class="dropdown-menu dropdown-menu-lg dropdown-menu-right py-0"
								aria-labelledby="alertsDropdown">
								<script id="script_alerts" type="text/x-handlebars-template">
									<div class="dropdown-menu-header">
									{{total}} New Notifications
								</div>
								<div class="list-group">
									{{#each items}}
										<a href="#" class="list-group-item">
										<div class="row no-gutters align-items-center">
											<div class="col-2">
													<i class="text-danger" data-feather="alert-circle"></i>
											</div>
											<div class="col-10">
												<div class="text-dark">{{title}}</div>
												<div class="text-muted small mt-1">{{content}}</div>
												<div class="text-muted small mt-1">{{time}}</div>
											</div>
										</div>
									</a>
									{{/each}}
								</div>
								<div class="dropdown-menu-footer">
									<a href="#" class="text-muted">Show all notifications</a>
								</div>
								</script>
							</div>
						</li>
						<li class="nav-item dropdown">
							<a class="nav-link dropdown-toggle" href="#" id="userDropdown" data-toggle="dropdown">
								<span class="d-inline-block d-md-none">
									<i class="align-middle" data-feather="settings"></i>
								</span>
								<span class="d-none d-sm-inline-block">
									<img src="img/avatar.jpg" class="avatar img-fluid rounded-circle mr-1"
										alt="Chris Wood" /> <span class="text-dark">Chris Wood</span>
								</span>
							</a>
							<div class="dropdown-menu dropdown-menu-right" aria-labelledby="userDropdown">
								<a class="dropdown-item" href="#"><i class="align-middle mr-1" data-feather="user"></i>
									Profile</a>
								<a class="dropdown-item" href="#"><i class="align-middle mr-1"
										data-feather="pie-chart"></i> Analytics</a>
								<div class="dropdown-divider"></div>
								<a class="dropdown-item" href="#">Settings & Privacy</a>
								<a class="dropdown-item" href="#">Help</a>
								<a class="dropdown-item" href="#">Sign out</a>
							</div>
						</li>
					</ul>
				</div>
			</nav>

			<main class="content">
				<div class="container-fluid p-0">
					<div class="row">
						<div class="col-md-2 col-xl-2">
						
							<div class="card">
								<div class="card-header">
									<h5 class="card-title mb-0">单据信息</h5>
								</div>

								<div class="list-group list-group-flush" role="tablist">
									<a class="list-group-item list-group-item-action active" data-toggle="list"
										href="#account" role="tab">
										<i class="align-middle mr-2 fas fa-fw fa-shopping-cart"></i>
										订单
									</a>
									<a class="list-group-item list-group-item-action" data-toggle="list"
										href="#password" role="tab">
										<i class="align-middle mr-2 fas fa-fw fa-shuttle-van"></i>
										Password
									</a>
									<a class="list-group-item list-group-item-action" data-toggle="list" href="#"
										role="tab">
										<i class="align-middle mr-2 fas fa-fw fa-store"></i>
										Privacy and safety
									</a>
									<a class="list-group-item list-group-item-action" data-toggle="list" href="#"
										role="tab">
										<i class="align-middle mr-2 fas fa-fw fa-luggage-cart"></i>
										Email notifications
									</a>
									<a class="list-group-item list-group-item-action" data-toggle="list" href="#"
										role="tab">
										<i class="align-middle mr-2 fas fa-fw fa-door-open"></i>
										Web notifications
									</a>
									 
								</div>
							</div> 
					 

						</div>
						<div class="col-md-10 col-xl-10">
							<div class="tab-content">
								<div class="tab-pane fade show active" id="account" role="tabpanel">

									<div class="card w-100">
										<div class="card-header">
											<div class="card-actions float-right">
												<div class="btn-group">
													<button type="button" class="btn btn-primary dropdown-toggle"
														data-toggle="dropdown" aria-haspopup="true"
														aria-expanded="false">
														操作
													</button>
													<div class="dropdown-menu">
														<a class="dropdown-item" href="#">新增</a>
														<a class="dropdown-item" href="#">Another action</a>
														<a class="dropdown-item" href="#">Something else here</a>
														<div class="dropdown-divider"></div>
														<a class="dropdown-item" href="#">Separated link</a>
													</div>
												</div>
											</div>
											<h5 class="card-title">未核销货物列表</h5>
										</div>
										<div class="card-body">
											<table class="table my-0 " id="example1">
												<thead>
													<tr>
														<th style="width:10%">唯一识别码</th>
														<th style="width:15%">商品型号</th>
														<th style="width:10%">商品目录</th>
														<th style="width:15%">商品单价</th>
														<th style="width:15%">商品数量</th>
														<th style="width:10%">商品金额</th>
														<th style="width:10%">状态</th>
														<th>详情</th>
													</tr>
												</thead>

											</table>
										</div>
										<script>
											document.addEventListener("DOMContentLoaded", function () {

												// 定义的数组,根据数组,渲染生成页面内容
												var arr = [
													['ID000001', '青花郎', '白酒', 16.65, 500, 8300, '订单', ''],
													['ID000002', '小郎酒,100ML,精酿', '白酒', 11, 1813, 8325, '发货', ''],
													['ID000004', '小郎酒,100ML,经典', '白酒', 8, 18500, 148000, '入库', ''],
													['ID0000012', '青花郎,15年', '白酒', 780, 17000, 13260000, '出库', ''],
													['ID0000123', '郎牌特曲,原浆系列', '白酒', 108, 12000, 1296000, '收押', ''],
													['ID0010236', '郎牌特曲,鉴赏级,18年', '白酒', 360, 12000, 4320000, '退货', '']
												];

												// 定义变量,存储要写入的内容
												$('#example1').DataTable({
													data: arr,
													searching: false,
													ordering: false,
													"order": [
														[4, "desc"]
													],
													columns: [
														{

															//column1
														},
														{
															//column2
															render: function (data, type, row, meta) {
																html_content = ""
																console.log(type)
																if (type == 'display') {

																	data_array = data.split(","); //字符分割

																	for (i = 0; i < data_array.length; i++) {
																		html_content += `<a href="#" class="badge badge-primary mr-1 my-1">${data_array[i]}</a>`

																	}


																}
																return html_content;
															}
														},
														{
															//column3
														},
														{
															//column4
														},
														{
															//column5
														},
														{
															//column5
														},

														{
															//column6
															render: function (data, type, row, meta) {




																return type === 'display' ? `<a href="#" class="badge badge-secondary mr-1 my-1">${data}</a>` : data





															}
														},

														{
															title: "详情",
															render: function (data, type, row, meta) {

																return type === 'display' ?
																	`<td class="table-action"><a href="#"><i class="align-middle" data-feather="edit-2"></i></a><a href="demo_凭证_订单_detail.html"><i class="align-middle" data-feather="eye"></i></a></td>` : ''
															}
														}
													]
												});

											});
										</script>
									</div>

									<div class="card">
										<div class="card-header">
											<div class="card-actions float-right">
												<div class="dropdown show">
													<a href="#" data-toggle="dropdown" data-display="static">
														<i class="align-middle" data-feather="more-horizontal"></i>
													</a>

													<div class="dropdown-menu dropdown-menu-right">
														<a class="dropdown-item" href="#">Action</a>
														<a class="dropdown-item" href="#">Another action</a>
														<a class="dropdown-item" href="#">Something else here</a>
													</div>
												</div>
											</div>
											<h5 class="card-title mb-0">Private info</h5>
										</div>
										<div class="card-body">
											<form>
												<div class="form-row">
													<div class="form-group col-md-6">
														<label for="inputFirstName">First name</label>
														<input type="text" class="form-control" id="inputFirstName"
															placeholder="First name">
													</div>
													<div class="form-group col-md-6">
														<label for="inputLastName">Last name</label>
														<input type="text" class="form-control" id="inputLastName"
															placeholder="Last name">
													</div>
												</div>
												<div class="form-group">
													<label for="inputEmail4">Email</label>
													<input type="email" class="form-control" id="inputEmail4"
														placeholder="Email">
												</div>
												<div class="form-group">
													<label for="inputAddress">Address</label>
													<input type="text" class="form-control" id="inputAddress"
														placeholder="1234 Main St">
												</div>
												<div class="form-group">
													<label for="inputAddress2">Address 2</label>
													<input type="text" class="form-control" id="inputAddress2"
														placeholder="Apartment, studio, or floor">
												</div>
												<div class="form-row">
													<div class="form-group col-md-6">
														<label for="inputCity">City</label>
														<input type="text" class="form-control" id="inputCity">
													</div>
													<div class="form-group col-md-4">
														<label for="inputState">State</label>
														<select id="inputState" class="form-control">
															<option selected>Choose...</option>
															<option>...</option>
														</select>
													</div>
													<div class="form-group col-md-2">
														<label for="inputZip">Zip</label>
														<input type="text" class="form-control" id="inputZip">
													</div>
												</div>
												<button type="submit" class="btn btn-primary">Save changes</button>
											</form>

										</div>
									</div>

								</div>
								<div class="tab-pane fade" id="password" role="tabpanel">
									<div class="card">
										<div class="card-body">
											<h5 class="card-title">Password</h5>

											<form>
												<div class="form-group">
													<label for="inputPasswordCurrent">Current password</label>
													<input type="password" class="form-control"
														id="inputPasswordCurrent">
													<small><a href="#">Forgot your password?</a></small>
												</div>
												<div class="form-group">
													<label for="inputPasswordNew">New password</label>
													<input type="password" class="form-control" id="inputPasswordNew">
												</div>
												<div class="form-group">
													<label for="inputPasswordNew2">Verify password</label>
													<input type="password" class="form-control" id="inputPasswordNew2">
												</div>
												<button type="submit" class="btn btn-primary">Save changes</button>
											</form>

										</div>
									</div>
								</div>
							</div>

							<div class='row'>
								<div class="card w-100">
									<div class="card-header">
										<div class="card-actions float-right">
											<div class="btn-group">
												<button type="button" class="btn btn-primary dropdown-toggle"
													data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
													操作
												</button>
												<div class="dropdown-menu">
													<a class="dropdown-item" href="#">新增</a>
													<a class="dropdown-item" href="#">Another action</a>
													<a class="dropdown-item" href="#">Something else here</a>
													<div class="dropdown-divider"></div>
													<a class="dropdown-item" href="#">Separated link</a>
												</div>
											</div>
										</div>
										<h5 class="card-title">未核销货物列表</h5>
									</div>
									<div class="card-body">
										<table class="table my-0 " id="example1">
											<thead>
												<tr>
													<th style="width:10%">唯一识别码</th>
													<th style="width:15%">商品型号</th>
													<th style="width:10%">商品目录</th>
													<th style="width:15%">商品单价</th>
													<th style="width:15%">商品数量</th>
													<th style="width:10%">商品金额</th>
													<th style="width:10%">状态</th>
													<th>详情</th>
												</tr>
											</thead>

										</table>
									</div>
									<script>
										document.addEventListener("DOMContentLoaded", function () {

											// 定义的数组,根据数组,渲染生成页面内容
											var arr = [
												['ID000001', '青花郎', '白酒', 16.65, 500, 8300, '订单', ''],
												['ID000002', '小郎酒,100ML,精酿', '白酒', 11, 1813, 8325, '发货', ''],
												['ID000004', '小郎酒,100ML,经典', '白酒', 8, 18500, 148000, '入库', ''],
												['ID0000012', '青花郎,15年', '白酒', 780, 17000, 13260000, '出库', ''],
												['ID0000123', '郎牌特曲,原浆系列', '白酒', 108, 12000, 1296000, '收押', ''],
												['ID0010236', '郎牌特曲,鉴赏级,18年', '白酒', 360, 12000, 4320000, '退货', '']
											];
											// 定义变量,存储要写入的内容
											$('#example1').DataTable({
												data: arr,
												searching: false,
												ordering: false,
												"order": [
													[4, "desc"]
												],
												columns: [
													{

														//column1
													},
													{
														//column2
														render: function (data, type, row, meta) {
															html_content = ""
															console.log(type)
															if (type == 'display') {

																data_array = data.split(","); //字符分割

																for (i = 0; i < data_array.length; i++) {
																	html_content += `<a href="#" class="badge badge-primary mr-1 my-1">${data_array[i]}</a>`

																}


															}
															return html_content;
														}
													},
													{
														//column3
													},
													{
														//column4
													},
													{
														//column5
													},
													{
														//column5
													},

													{
														//column6
														render: function (data, type, row, meta) {




															return type === 'display' ? `<a href="#" class="badge badge-secondary mr-1 my-1">${data}</a>` : data





														}
													},

													{
														title: "详情",
														render: function (data, type, row, meta) {

															return type === 'display' ?
																`<td class="table-action"><a href="#"><i class="align-middle" data-feather="edit-2"></i></a><a href="demo_凭证_订单_detail.html"><i class="align-middle" data-feather="eye"></i></a></td>` : ''
														}
													}
												]
											});

										});
									</script>
								</div>
							</div>
							<div class='row'>
								<div class="card w-100">
									<div class="card-header mb-2">
										<div class="card-actions float-right">
											<div class="btn-group">
												<button type="button" class="btn btn-primary dropdown-toggle"
													data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
													操作
												</button>
												<div class="dropdown-menu">
													<a class="dropdown-item" href="#">新增</a>
													<a class="dropdown-item" href="#">Another action</a>
													<a class="dropdown-item" href="#">Something else here</a>
													<div class="dropdown-divider"></div>
													<a class="dropdown-item" href="#">Separated link</a>
												</div>
											</div>
										</div>
										<h5 class="card-title mb-0">订单推送列表</h5>
									</div>
									<div class="card-body">
										<table class="table " id="example2">
											<thead>
												<tr>
													<th style="width:10%;">号码</th>
													<th style="width:10%">订单类型</th>
													<th style="width:10%">订单票面金额</th>
													<th style="width:15%">订单-销售方</th>
													<th style="width:15%">订单-购买方</th>

													<th style="width:10%">订单状态</th>
													<th style="width:10%">订单开票日期</th>

													<th>详情</th>
												</tr>
											</thead>

										</table>
									</div>
									<script>
										document.addEventListener("DOMContentLoaded", function () {

											// 定义的数组,根据数组,渲染生成页面内容
											var arr = [
												['1110123123', '订单', 18123, '郎酒股份有限公司', '内江市祥裕龙商贸有限公司', '2020-01-01', '有效', ''],
												['1110123124', '订单', 1813, '郎酒股份有限公司', '内江市祥裕龙商贸有限公司', '2020-01-01', '有效', ''],
												['1110123125', '订单', 18500, '郎酒股份有限公司', '内江市祥裕龙商贸有限公司', '2020-01-01', '红冲撤销', ''],
												['1110123126', '订单', 17000, '郎酒股份有限公司', '内江市祥裕龙商贸有限公司', '2020-01-01', '有效', ''],
												['1110123126', '订单', 12000, '郎酒股份有限公司', '内江市祥裕龙商贸有限公司', '2020-01-01', '有效', ''],
												['1110123126', '订单', 18000, '郎酒股份有限公司', '内江市祥裕龙商贸有限公司', '2020-01-01', '有效', ''],
												['1110123126', '订单', 18000, '郎酒股份有限公司', '内江市祥裕龙商贸有限公司', '2020-01-01', '有效', ''],
												['1110123126', '订单', 18000, '郎酒股份有限公司', '内江市祥裕龙商贸有限公司', '2020-01-01', '有效', ''],
												['1110123126', '订单', 18000, '郎酒股份有限公司', '内江市祥裕龙商贸有限公司', '2020-01-01', '有效', ''],
												['1110123126', '订单', 18000, '郎酒股份有限公司', '内江市祥裕龙商贸有限公司', '2020-01-01', '有效', ''],
												['1110123126', '订单', 18000, '郎酒股份有限公司', '内江市祥裕龙商贸有限公司', '2020-01-01', '有效', ''],
												['1110123126', '订单', 18000, '郎酒股份有限公司', '内江市祥裕龙商贸有限公司', '2020-01-01', '有效', '']
											];

											// 定义变量,存储要写入的内容
											$('#example2').DataTable({
												data: arr,
												"order": [
													[4, "desc"]
												],
												columns: [{

												},
												{

												},
												{

												},
												{

												},
												{

												},

												{
													title: "签发日期"
												},
												{
													title: "订单状态"
												},
												{
													title: "详情",
													render: function (data, type, row, meta) {
														console.log(type)
														return type === 'display' ?
															`<td class="table-action"><a href="#"><i class="align-middle" data-feather="edit-2"></i></a><a href="demo_凭证_订单_detail.html"><i class="align-middle" data-feather="eye"></i></a></td>` : ''
													}
												}
												]
											});

										});
									</script>
								</div>
							</div>
							<div class='row'>
								<div class="card w-100">
									<div class="card-header mb-2">
										<div class="card-actions float-right">
											<div class="dropdown show">
												<a href="#" data-toggle="dropdown" data-display="static">
													<i class="align-middle" data-feather="more-horizontal"></i>
												</a>

												<div class="dropdown-menu dropdown-menu-right">
													<a class="dropdown-item" href="#">订单回退</a>
													<a class="dropdown-item" href="#">订单核销</a>
													<a class="dropdown-item" href="#">删除资产</a>
												</div>
											</div>
										</div>
										<h5 class="card-title mb-0">未结清借据列表</h5>
									</div>
									<div class="card-body">
										<table class="table " id="example3">
											<thead>
												<tr>
													<th style="width:10%;">号码</th>
													<th style="width:10%">订单类型</th>
													<th style="width:10%">订单票面金额</th>
													<th style="width:10%">订单-销售方</th>
													<th style="width:10%">订单-购买方</th>
													<th style="width:10%">是否纳入资产</th>
													<th style="width:10%">纳入资产编号</th>
													<th style="width:10%">订单状态</th>
													<th style="width:10%">订单开票日期</th>

													<th>详情</th>
												</tr>
											</thead>

										</table>
									</div>
									<script>
										document.addEventListener("DOMContentLoaded", function () {

											// 定义的数组,根据数组,渲染生成页面内容
											var arr = [
												['1110123123', '订单', 18123, '郎酒股份有限公司', '医院1', '是', 'A10001', '2020-01-01', '有效', ''],
												['1110123124', '订单', 1813, '郎酒股份有限公司', '医院1', '是', 'A10001', '2020-01-01', '有效', ''],
												['1110123125', '订单', 18500, '郎酒股份有限公司', '医院1', '是', 'A10001', '2020-01-01', '红冲撤销', ''],
												['1110123126', '订单', 17000, '郎酒股份有限公司', '医院1', '否', ' ', '2020-01-01', '有效', ''],
												['1110123126', '订单', 12000, '郎酒股份有限公司', '医院2', '是', 'A10001', '2020-01-01', '有效', ''],
												['1110123126', '订单', 18000, '郎酒股份有限公司', '医院2', '是', 'A10001', '2020-01-01', '有效', ''],
												['1110123126', '订单', 18000, '郎酒股份有限公司', '医院2', '是', 'A10001', '2020-01-01', '有效', ''],
												['1110123126', '订单', 18000, '郎酒股份有限公司', '医院2', '否', ' ', '2020-01-01', '有效', ''],
												['1110123126', '订单', 18000, '郎酒股份有限公司', '医院2', '否', ' ', '2020-01-01', '有效', ''],
												['1110123126', '订单', 18000, '郎酒股份有限公司', '医院2', '是', 'A10001', '2020-01-01', '有效', ''],
												['1110123126', '订单', 18000, '郎酒股份有限公司', '医院2', '是', 'A10001', '2020-01-01', '有效', ''],
												['1110123126', '订单', 18000, '郎酒股份有限公司', '医院2', '是', 'A10001', '2020-01-01', '有效', '']
											];

											// 定义变量,存储要写入的内容
											$('#example3').DataTable({
												data: arr,
												"order": [
													[4, "desc"]
												],
												columns: [{
													title: "号码"
												},
												{
													title: "订单类型"
												},
												{
													title: "订单金额"
												},
												{
													title: "订单-销售方"
												},
												{
													title: "订单-购买方"
												},
												{
													title: "是否纳入资产"

												},
												{
													title: "纳入资产编号",
													render: function (data, type, row, meta) {
														console.log(type)
														return type === 'display' ?
															`<td class="table-action"><a href="demo_资产_应收账款_detail.html">${data}</a></td>` : ''
													}
												},
												{
													title: "签发日期"
												},
												{
													title: "订单状态"
												},
												{
													title: "详情",
													render: function (data, type, row, meta) {
														console.log(type)
														return type === 'display' ?
															`<td class="table-action"><a href="#"><i class="align-middle" data-feather="edit-2"></i></a><a href="demo_凭证_订单_detail.html"><i class="align-middle" data-feather="eye"></i></a></td>` : ''
													}
												}
												]
											});

										});
									</script>
								</div>
							</div>


						</div>


					</div>
				</div>


			</main>

			<footer class="footer">
				<div class="container-fluid">
					<div class="row text-muted">
						<div class="col-6 text-left">
							<ul class="list-inline">
								<li class="list-inline-item">
									<a class="text-muted" href="#">Support</a>
								</li>
								<li class="list-inline-item">
									<a class="text-muted" href="#">Help Center</a>
								</li>
								<li class="list-inline-item">
									<a class="text-muted" href="#">Privacy</a>
								</li>
								<li class="list-inline-item">
									<a class="text-muted" href="#">Terms of Service</a>
								</li>
							</ul>
						</div>
						<div class="col-6 text-right">
							<p class="mb-0">
								&copy; 2018 - <a href="index.html" class="text-muted">AppStack</a>
							</p>
						</div>
					</div>
				</div>
			</footer>
		</div>

	</div>


	<script src="js/app.js"></script>
	<script src="js/initDataTables.js"></script>
	<script src="js/handlebars.min-v4.7.7.js"></script>
	<script src="js/initMenuMessageAlert.js"></script>

	<script type="text/javascript">
		document.addEventListener("DOMContentLoaded", function () {

			initSidebarMenu(3, 0, 0)

			var tpl_siderbar = $("#script_menu").html();
			var template_sdb = Handlebars.compile(tpl_siderbar);
			var content = template_sdb(menu_json_data);
			$("#sidebar-menu").html(content)

			//模版渲染	 
			var tpl_alerts = $("#script_alerts").html();
			var template_alt = Handlebars.compile(tpl_alerts);
			var content = template_alt(alerts);
			$("#alerts").html(content)



			//模版渲染
			var tpl_messages = $("#script_messages").html();
			var template_msg = Handlebars.compile(tpl_messages);
			var content = template_msg(messages);
			$("#messages").html(content)



		});
	</script>





	<script>
		Handlebars.registerHelper("debug", function (optionalValue) {


			if (optionalValue) {


				console.log("==========begin==========");

				console.log(optionalValue);

				console.log("========== end ==========");

			}


		});
		Handlebars.registerHelper('ifCond', function (v1, operator, v2, options) {

			switch (operator) {
				case '==':
					return (v1 == v2) ? options.fn(this) : options.inverse(this);
				case '===':
					return (v1 === v2) ? options.fn(this) : options.inverse(this);
				case '!=':
					return (v1 != v2) ? options.fn(this) : options.inverse(this);
				case '!==':
					return (v1 !== v2) ? options.fn(this) : options.inverse(this);
				case '<':
					return (v1 < v2) ? options.fn(this) : options.inverse(this);
				case '<=':
					return (v1 <= v2) ? options.fn(this) : options.inverse(this);
				case '>':
					return (v1 > v2) ? options.fn(this) : options.inverse(this);
				case '>=':
					return (v1 >= v2) ? options.fn(this) : options.inverse(this);
				case '&&':
					return (v1 && v2) ? options.fn(this) : options.inverse(this);
				case '||':
					return (v1 || v2) ? options.fn(this) : options.inverse(this);
				default:
					return options.inverse(this);
			}
		});
	</script>

</body>

</html>